import { Component, Host, h, Prop } from '@stencil/core';

@Component({
  tag: 'quick-action-input-loading',
  styleUrl: 'quick-action-input-loading.scss',
  shadow: true,
})
export class QuickActionInputLoading {
  /**
   * 是否显示 loading 动画
   *
   * @author chitanda
   * @date 2022-06-29 20:06:07
   * @type {boolean}
   */
  @Prop()
  loading: boolean = false;

  render() {
    return (
      <Host style={{ display: this.loading ? null : 'none' }}>
        <div class='outer'></div>
        <div class='middle'></div>
        <div class='inner'></div>
      </Host>
    );
  }
}
